<template>
	<view>
			<!-- 顶部 logo 搜索框 -->
			<view style="display: flex;">
				<image src="/static/logo/logo.png" class="logo" alt="logo"></image>
				<view class="search">
					<up-search :placeholder="$t('index.search.placeholder')" v-model="keyword" :show-action="false" bgColor="rgba(187,187,187,0.3)"
						borderColor="rgba(187,187,187,0.3)" placeholder-color="#FFFFFF" search-icon-color="#FFFFFF"
						height="1.7rem" :clearabled="false"></up-search>
					<image src="/static/icon/camera.png" class="icon-camera" alt="icon"></image>
				</view>
			</view>
		</view>
</template>

<script>
	export default {
		name:"search",
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped lang="scss">
	.logo {
		margin:0.23rem 0 0 0.43rem;
		width: 8.56rem;
		height: 2.63rem;
		z-index: 3;
	}
	
	.search {
		position:relative;
		margin:0.83rem 0 0 0.83rem;
		width: 12.94rem;
		height: 1.94rem;
		z-index: 3;
		/* #ifdef  MP-WEIXIN*/
		width: 8.5rem;
		/* #endif*/
	}
	
	.icon-camera {
		position: absolute;
			top: 0.2rem;
			right: 0.7rem;
			width: 1.5rem;
			height: 1.5rem;
		}
</style>